*{
	margin: 0;
	padding: 0;
}

img{
	vertical-align: top;
}

a{
	text-decoration: none;
	color: inherit;
}

.container{
	width: 1111px;
	margin: 0 auto;
}

ul{
	list-style: none;
}


.ul_one{
	float: right;
}

.ul_one li{
	float: left;
	height: 74px;
	width: 121px;
	line-height: 74px;
	text-align: center;
	border-bottom: 6px solid white;
	background: #fff;
}

.ul_one li a{
	font-size: 20px;
	color: #333333;
}

.container>img{
	float: left;
}

.ul_one li:hover{
	border-bottom:6px solid #866961;
}

.ul_one li:hover>a{
	color: #866961;
}

.father{
	position: relative;
}

.father ul{
	position: absolute;
	top: 80px;
	display: none;
}

.father:hover ul{
	display: block;
}

.top_left{
	float: left;
}

.top_right{
	float: right;
	margin-top: 10px;
}

.main_right{
	float: left;
	margin-left: 70px;
	width: 606px;
}

.txt{
	/*background: #333333;*/
	height: 72px;
	width: 145px;
	text-align: center;
	overflow: hidden;
}

.one{
	width: 145px;
	display: inline-block;
	position: relative;
}

.modal{
	background: #fff;
	width: 145px;
	height:221px ;
	position: absolute;
	top: 0;
	left: 0;
}

.one:hover{
	cursor: pointer;
}

.one:hover .modal{
	display: none;
}

.one:hover .txt{
	background: #333333;
}

.one:hover .txt>p:nth-of-type(1){
	color: #fff !important;
}


.fotter{
	background: #866961;
	margin-top: 37px;
	width: 100%;
	height: 80px;
}

.fot_txt{
	line-height: 80px;
	float: left;
	margin-left: 220px;
}
